Learn more about design systems 瞭解更多關於設計系統的資訊

什麼是設計系統？Design system

設計系統是一套可重複使用的設計元素與規範，幫助團隊以統一標準進行設計與開發。它包含：

• 色彩方案（Color palette）

• 按鈕（Buttons）

• 圖示（Icons）

• 排版（Typography）

• 元件（如卡片、輸入框、標籤等）

設計系統的兩個主要好處是：

• 一致性（使用者體驗統一，視覺風格統一）

• 高效性（設計流程更快，重複元素無需重新制作）

自建設計系統：Sticker Sheet

在 Figma 中，你可以建立一個簡單的設計系統，叫做Sticker Sheet。它是一個集中放置所有設計元素的畫板，你可以直接複製貼上使用，保持風格統一。

https://www.figma.com/community/ui-kits?editor_type=figma

• 品牌 Logo

• 按鈕樣式（主按鈕、次按鈕）

• 卡片設計

• 顏色板

• 字型層級（標題、副標題、正文）

• 圖示

• 標籤（Chips）